<template>
  <div style="margin-left: 120px;">
    <el-tabs v-model="activeName" style="width: 430px;">
      <el-tab-pane label="作业成绩" style="font-size: 25px" name="作业成绩"></el-tab-pane>
      <el-tab-pane label="测试成绩" style="font-size: 25px" name="测试成绩"></el-tab-pane>
      <el-tab-pane label="考勤成绩" style="font-size: 25px" name="考勤成绩"></el-tab-pane>
      <el-tab-pane label="表现成绩" style="font-size: 25px" name="表现成绩"></el-tab-pane>
      <el-tab-pane label="总成绩" style="font-size: 25px" name="总成绩"></el-tab-pane>
    </el-tabs>
    <div v-if="activeName === '作业成绩'">
      <template>
        <el-table
          :data="tableData"
          style="width: 80%">
          <el-table-column
            prop="homeworkName"
            label="作业名称"
            width="250">
          </el-table-column>
          <el-table-column
            prop="date"
            label="提交日期"
            width="250">
          </el-table-column>
          <el-table-column
            prop="name"
            label="姓名"
            width="250">
          </el-table-column>
          <el-table-column
            prop="address"
            label="得分">
          </el-table-column>
        </el-table>
      </template>
    </div>
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "GradesManagement",
  data(){
    return{
      activeName: '作业成绩',
      userInfo: null,
      homeworkId: '',
      homework: '',
      submitHomework: '',
      createTime: '',
      endTime: '',
      tableData: [{
        homeworkName: '12345',
        date: '2024/06/10 22:07:48',
        name: '猪八戒',
        address: '90'
      }]
    }
  },
  mounted(){
  }
}
</script>

<style scoped>

</style>
